﻿<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>知识库-图片列表</title>
    <link href="css/public.css" rel="stylesheet" type="text/css">
    <link href="css/index.css" rel="stylesheet" type="text/css">
    <script src="js/jquery-1.7.2.min.js" language="javascript"></script>
    <script src="js/common.js" language="javascript"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
</head>

<body>

<!--header begin-->
<header class="header wrap fix">
    <h1 class="logo">
        <img src="images/logo.png">
    </h1>
    <div class="settingBox">
        <div class="setBtn">设置</div>
        <div class="setCt">
            <a href="#">个人档案</a>
            <a href="#">修改密码</a>
            <a href="#">帮助</a>
            <a href="#">退出</a>
        </div>
    </div>
</header>

<!--tips begin-->
<section class="tipsBox fix wrap">
    <a href="index.html" class="iIcoIndex"></a>
    <div class="welcome">大同第二发电厂/大同发电有限公司培训中心的陈先生，您好，您的角色是培训管理员，欢迎使用学习平台</div>
</section>

<!--main begin-->
<div class="main wrap fix mainLong">
    <!--nav begin-->
    <nav class="nav subNav" id="nav">
        <div class="nTit">知识库</div>
        <div class="kbNav">
            <a href="javascript:;" class="kbLiTit kbLink ">
                <span class="kbLiTitIco"></span>
                设备管理部设备管理部设备
            </a>
            <div class="subKbCt subKbCtSec">
                <a href="javascript:;" class="kbSubLiTit kbLink">二级导航</a>
                <div class="subKbCt subKbCtThr">
                    <a href="#" class="active">默认选中示例</a>
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                </div>
                <a href="javascript:;" class="kbSubLiTit kbLink">二级导航</a>
                <div class="subKbCt subKbCtThr">
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                </div>
            </div>
            <a href="javascript:;" class="kbLiTit kbLink ">
                <span class="kbLiTitIco"></span>
                设备管理部
            </a>
            <div class="subKbCt subKbCtSec">
                <a href="javascript:;" class="kbSubLiTit kbLink">二级导航</a>
                <div class="subKbCt subKbCtThr">
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                </div>
                <a href="javascript:;" class="kbSubLiTit kbLink">二级导航</a>
                <div class="subKbCt subKbCtThr">
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                </div>
            </div>
            <a href="index.html" class="kbLiTit kbLink ">
                设备管理部
            </a>
            <a href="javascript:;" class="kbLiTit kbLink ">
                <span class="kbLiTitIco"></span>
                设备管理部
            </a>
            <div class="subKbCt subKbCtSec">
                <a href="javascript:;" class="kbSubLiTit kbLink">二级导航</a>
                <div class="subKbCt subKbCtThr">
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                </div>
                <a href="javascript:;" class="kbSubLiTit kbLink">二级导航</a>
                <div class="subKbCt subKbCtThr">
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                </div>
            </div>
            <a href="javascript:;" class="kbLiTit kbLink ">
                <span class="kbLiTitIco"></span>
                设备管理部
            </a>
            <div class="subKbCt subKbCtSec">
                <a href="javascript:;" class="kbSubLiTit kbLink">二级导航</a>
                <div class="subKbCt subKbCtThr">
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                </div>
                <a href="javascript:;" class="kbSubLiTit kbLink">二级导航</a>
                <div class="subKbCt subKbCtThr">
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                </div>
            </div>
            <a href="javascript:;" class="kbLiTit kbLink ">
                <span class="kbLiTitIco"></span>
                设备管理部
            </a>
            <div class="subKbCt subKbCtSec">
                <a href="javascript:;" class="kbSubLiTit kbLink">二级导航</a>
                <div class="subKbCt subKbCtThr">
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                </div>
                <a href="javascript:;" class="kbSubLiTit kbLink">二级导航</a>
                <div class="subKbCt subKbCtThr">
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                </div>
            </div>
            <a href="javascript:;" class="kbLiTit kbLink ">
                <span class="kbLiTitIco"></span>
                设备管理部
            </a>
            <div class="subKbCt subKbCtSec">
                <a href="javascript:;" class="kbSubLiTit kbLink">二级导航</a>
                <div class="subKbCt subKbCtThr">
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                </div>
                <a href="javascript:;" class="kbSubLiTit kbLink">二级导航</a>
                <div class="subKbCt subKbCtThr">
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                </div>
            </div>
            <a href="javascript:;" class="kbLiTit kbLink ">
                <span class="kbLiTitIco"></span>
                设备管理部
            </a>
            <div class="subKbCt subKbCtSec">
                <a href="javascript:;" class="kbSubLiTit kbLink">二级导航</a>
                <div class="subKbCt subKbCtThr">
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                </div>
                <a href="javascript:;" class="kbSubLiTit kbLink">二级导航</a>
                <div class="subKbCt subKbCtThr">
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                </div>
            </div>
            <a href="javascript:;" class="kbLiTit kbLink ">
                <span class="kbLiTitIco"></span>
                设备管理部
            </a>
            <div class="subKbCt subKbCtSec">
                <a href="javascript:;" class="kbSubLiTit kbLink">二级导航</a>
                <div class="subKbCt subKbCtThr">
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                </div>
                <a href="javascript:;" class="kbSubLiTit kbLink">二级导航</a>
                <div class="subKbCt subKbCtThr">
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                </div>
            </div>
            <a href="javascript:;" class="kbLiTit kbLink ">
                <span class="kbLiTitIco"></span>
                设备管理部
            </a>
            <div class="subKbCt subKbCtSec">
                <a href="javascript:;" class="kbSubLiTit kbLink">二级导航</a>
                <div class="subKbCt subKbCtThr">
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                </div>
                <a href="javascript:;" class="kbSubLiTit kbLink">二级导航</a>
                <div class="subKbCt subKbCtThr">
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                    <a href="#">三级导航</a>
                </div>
            </div>
        </div>

    </nav>

    <!--content begin-->
    <div class="rightMain">
        <div class="mainCt rowPx">
            <div class="mTit mTitB fix">
                <div class="mTitBtnBox">
                    <div class="fList">
                        <div class="fSelect">
                            <span class="fSltNow">全部题型</span>
                            <p class="fSltCt">
                                <span>单项选择题(139)</span>
                                <span>多项选择题(30)</span>
                                <span>判断题(139)</span>
                                <span>填空题(30)</span>
                                <span>论述题(555)</span>
                            </p>
                        </div>
                        <div class="fSelect fSelectShort">
                            <span class="fSltNow">等于</span>
                            <p class="fSltCt">
                                <span>单项选择题(139)</span>
                                <span>多项选择题(30)</span>
                                <span>判断题(139)</span>
                                <span>填空题(30)</span>
                                <span>论述题(555)</span>
                            </p>
                        </div>
                    </div>
                    <div class="fList">
                        <input type="button" name="btn" value="查找" class="fListBtn"/>
                    </div>
                </div>
                <span class="mTitName">知识库</span>
                <div class="mTitBtnBoxB mTitBtnBoxC">
                    <a href="kb-2.html" class="sltBtnNow active">图片显示</a>
                    <a href="kb.html" class="sltBtnNow">列表显示</a>
                </div>
                <div class="mTitBtnBox mTitBtnBoxB">
                    <p class="crumbsNav">
                        <span>当前目录：根目录</span>
                    </p>
                </div>
            </div>
            <div class="mCt">
                <div class="videoBox fix">
                    <div class="vListTit">
                        <div class="vLiNum">序号</div>
                        <div class="vLiName">课程名称及简介</div>
                        <div class="vLiFoot">
                            <span class="vLiSub">收藏</span>
                            <span class="vLiSub">权限</span>
                            <span class="vLiSub">收藏</span>
                        </div>
                    </div>
                    <div class="vList">
                        <div class="vLiNum">1</div>
                        <div class="vLiImg">
                            <img src="images/vBig-1.png" alt="test"/>
                        </div>
                        <div class="vLiName">
                            <a href="#">20145年春季安全产技能培训能能培训培训年春季安全产技能培训</a><span>（学时：2小时）</span>
                            <p class="vLiDesc">MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 </p>
                        </div>
                        <div class="vLiFoot">
                            <a class="btnCollect">已收藏</a>
                            <span class="vLiFoTime">类型：多媒体</span>
                            <span class="vLiFoTime">权限：公开</span>
                        </div>
                    </div>
                    <div class="vList">
                        <div class="vLiNum">1</div>
                        <div class="vLiImg">
                            <img src="images/vBig-2.png" alt="test"/>
                        </div>
                        <div class="vLiName">
                            <a href="#">20145年春季安全产技能培训能能培训培训年春季安全产技能培训</a><span>（学时：2小时）</span>
                            <p class="vLiDesc">MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 </p>
                        </div>
                        <div class="vLiFoot">
                            <a href="#" class="btnCollect btnCollectNot">收藏</a>
                            <span class="vLiFoTime">类型：多媒体</span>
                            <span class="vLiFoTime">权限：公开</span>
                        </div>
                    </div>
                    <div class="vList">
                        <div class="vLiNum">1</div>
                        <div class="vLiImg">
                            <img src="images/vBig-3.png" alt="test"/>
                        </div>
                        <div class="vLiName">
                            <a href="#">20145年春季安全产技能培训能能培训培训年春季安全产技能培训</a><span>（学时：2小时）</span>
                            <p class="vLiDesc">MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 </p>
                        </div>
                        <div class="vLiFoot">
                            <a class="btnCollect">已收藏</a>
                            <span class="vLiFoTime">类型：多媒体</span>
                            <span class="vLiFoTime">权限：公开</span>
                        </div>
                    </div>
                    <div class="vList">
                        <div class="vLiNum">1</div>
                        <div class="vLiImg">
                            <img src="images/vBig-4.png" alt="test"/>
                        </div>
                        <div class="vLiName">
                            <a href="#">20145年春季安全产技能培训能能培训培训年春季安全产技能培训</a><span>（学时：2小时）</span>
                            <p class="vLiDesc">MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 </p>
                        </div>
                        <div class="vLiFoot">
                            <a href="#" class="btnCollect btnCollectNot">收藏</a>
                            <span class="vLiFoTime">类型：多媒体</span>
                            <span class="vLiFoTime">权限：公开</span>
                        </div>
                    </div>
                    <div class="vList">
                        <div class="vLiNum">1</div>
                        <div class="vLiImg">
                            <img src="images/vBig-5.png" alt="test"/>
                        </div>
                        <div class="vLiName">
                            <a href="#">20145年春季安全产技能培训能能培训培训年春季安全产技能培训</a><span>（学时：2小时）</span>
                            <p class="vLiDesc">MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 </p>
                        </div>
                        <div class="vLiFoot">
                            <a class="btnCollect">已收藏</a>
                            <span class="vLiFoTime">类型：多媒体</span>
                            <span class="vLiFoTime">权限：公开</span>
                        </div>
                    </div>
                    <div class="vList">
                        <div class="vLiNum">1</div>
                        <div class="vLiImg">
                            <img src="images/vBig-6.png" alt="test"/>
                        </div>
                        <div class="vLiName">
                            <a href="#">20145年春季安全产技能培训能能培训培训年春季安全产技能培训</a><span>（学时：2小时）</span>
                            <p class="vLiDesc">MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 </p>
                        </div>
                        <div class="vLiFoot">
                            <a href="#" class="btnCollect btnCollectNot">收藏</a>
                            <span class="vLiFoTime">类型：多媒体</span>
                            <span class="vLiFoTime">权限：公开</span>
                        </div>
                    </div>
                    <div class="vList">
                        <div class="vLiNum">1</div>
                        <div class="vLiImg">
                            <img src="images/vBig-1.png" alt="test"/>
                        </div>
                        <div class="vLiName">
                            <a href="#">20145年春季安全产技能培训能能培训培训年春季安全产技能培训</a><span>（学时：2小时）</span>
                            <p class="vLiDesc">MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 </p>
                        </div>
                        <div class="vLiFoot">
                            <a class="btnCollect">已收藏</a>
                            <span class="vLiFoTime">类型：多媒体</span>
                            <span class="vLiFoTime">权限：公开</span>
                        </div>
                    </div>
                    <div class="vList">
                        <div class="vLiNum">1</div>
                        <div class="vLiImg">
                            <img src="images/vBig-2.png" alt="test"/>
                        </div>
                        <div class="vLiName">
                            <a href="#">20145年春季安全产技能培训能能培训培训年春季安全产技能培训</a><span>（学时：2小时）</span>
                            <p class="vLiDesc">MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 </p>
                        </div>
                        <div class="vLiFoot">
                            <a href="#" class="btnCollect btnCollectNot">收藏</a>
                            <span class="vLiFoTime">类型：多媒体</span>
                            <span class="vLiFoTime">权限：公开</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pageBox fix">
                <a class="btnPage btnPagePrev" href="#">&lt;</a>
                <span class="pageNow">1</span>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#">5</a>
                <span>......</span>
                <a class="btnPage btnPageNext" href="#">&gt;</a>
                <p class="pageStatis">共116条记录，显示第1-20条</p>
            </div>
        </div>
    </div>
</div>

<!--footer begin-->
<footer class="footer wrap fix">
    <p class="fR">ShenZhou Online Remote Training System V6</p>
</footer>

<!--navButton begin-->
<a href="javascript:;" class="navBtn" id="navBtn">
    <span></span>
    <span></span>
    <span></span>
    <span></span>
</a>

<div class="poWindows" id="sTouch">
    <div class="pCt">
        <div class="pCtBox">
            <div class="mTit myTitCen fix">
                <span class="mTitName">2014年春季安全产技能培训能能培训培训年春季安全产技能培训</span>
                <a class="mTitClose fR" href="javascript:;">关闭</a>
            </div>
            <div class="mCt classPoBox">
                <div class="classPo fix">
                    <div class="clsPoLeft">
                        <div class="clsPoLeftBox">
                            <img src="images/poCls.jpg" alt="poc"/>
                        </div>
                    </div>
                    <div class="clsPoRight">
                        <table class="clsPoTb">
                            <tr>
                                <td class="clsPoTit" colspan="4">课程：2014年春季安全产技能培训能能培训培训年春季安全产技能培训</td>
                            </tr>
                            <tr>
                                <td class="clsPoTit">课程编号</td>
                                <td>BJ-qhxmy-0005</td>
                                <td class="clsPoTit">课程类别</td>
                                <td>青海新能源</td>
                            </tr>
                            <tr>
                                <td class="clsPoTit">主管教师</td>
                                <td>姚永</td>
                                <td class="clsPoTit">主讲人</td>
                                <td>电站学习</td>
                            </tr>
                            <tr>
                                <td class="clsPoTit">培训方式</td>
                                <td>网络课程</td>
                                <td class="clsPoTit">课件标准</td>
                                <td>文档型</td>
                            </tr>
                            <tr>
                                <td class="clsPoTit">培训周期</td>
                                <td colspan="3">无限止</td>
                            </tr>
                            <tr>
                                <td class="clsPoTit" colspan="4">课程介绍</td>
                            </tr>
                            <tr>
                                <td class="clsPoCt" colspan="4">MBA智库文档被百度文库搜索引擎收录后，日访问量上升一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。</td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="clsPoFoot">
                    <a href="#">停用此培训课程</a>
                    <a href="#">修改此培训课程</a>
                    <a href="#">关联知识点</a>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    $(function(){

        //弹窗显示
        $(".vLiName a").click(function(){
            poWindows.show($(".poWindows"));
        });




    })
</script>
</html>
